<template>
	<view class="security_wrapper">
		<!--列表-->
		<view class="menu_list">
			<view class="menu_item" @click="changePass(1)">
				<view class="item_left">
					<image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/common/yaoshi.svg"></image>
					<text>修改登录密码</text>
				</view>
				<image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/common/arrowRight.svg"></image>
			</view>
			<view class="menu_item" @click="changePass(2)">
				<view class="item_left">
					<image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/common/password.svg"></image>
					<text>设置资金密码</text>
				</view>
				<image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/common/arrowRight.svg"></image>
			</view>
			<!-- <view class="menu_item" v-if="false" @click="changePass(3)">
				<view class="item_left">
					<image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/user/fundsPass.png"></image>
					<text>修改资金密码</text>
				</view>
				<image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/common/arrowRight.png"></image>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 修改登录密码
            changePass(index){
				if(index===1){
					uni.navigateTo({
						url:'./loginPass'
					})
				}else if(index === 2){
					uni.navigateTo({
						url:'./setFundsPass'
					})
				}else{
					uni.navigateTo({
						url:'./modifyFundsPass'
					})
				}
				
			},
		}
	}
</script>

<style lang="scss" scoped>
	.menu_list{
		height:100vh;
		background:#FFFFFF;
		overflow:hidden;
		.menu_item{
			position:relative;
			height:100upx;
			display:flex;
			justify-content:space-between;
			align-items:center;
			padding: 0 20upx;
			margin:20upx;
			.item_left{
				display:flex;
				align-items:center;
				image{
					width:40upx;
					height: 40upx;
					margin-right:10upx;
				}
				text{
					font-size: 15px;
				}
			}
			image{
				width:24upx;
				height: 24upx;
			}
		}
		.menu_item:after{
		    content:"";
			position:absolute;
		    bottom:0;
		    left:0;
		    right:0;
		    border-top:1px solid rgba(0,0,0,0.1);
		    -webkit-transform:scaleY(.5);
		    -webkit-transform-origin:0 0;
		}
	}
</style>
